/* eslint-disable */
<template> 
  <div class="systemInformation overflow-auto" style="max-height: 610px;"> 
    
        <el-table :data="tableData" class=" bg-light-2 w-100" >
            <el-table-column label="视频选项">
                <span slot-scope="scope">
                    <span>{{ scope.row.option }}</span>
                </span>
            </el-table-column>
            <el-table-column label="发送" width="100">
                <span slot-scope="scope">
                    <span class=" din_alternatebold">{{ scope.row.send }}</span>
                </span>
            </el-table-column>
            <el-table-column label="接收" width="100">
                <span slot-scope="scope">
                    <span
                        class=" din_alternatebold">{{ scope.row.receive }}</span>
                </span>
            </el-table-column>
        </el-table>

        <el-table :data="tableData1"  class=" bg-light-2 w-100">
            <el-table-column label="音频">
                <span slot-scope="scope">
                    <span>{{ scope.row.option }}</span>
                </span>
            </el-table-column>
            <el-table-column label="" width="100">
                <span slot-scope="scope">
                    <span class=" din_alternatebold">{{ scope.row.send }}</span>
                </span>
            </el-table-column>
            <el-table-column label="" width="100">
                <span slot-scope="scope">
                    <span
                        class=" din_alternatebold">{{ scope.row.receive }}</span>
                </span>
            </el-table-column>
        </el-table>


        <el-table :data="tableData3"  class="w-100 bg-light-2">
            <el-table-column label="桌面共享">
                <span slot-scope="scope">
                    <span>{{ scope.row.option }}</span>
                </span>
            </el-table-column>
            <el-table-column label="" width="100">
                <span slot-scope="scope">
                    <span class=" din_alternatebold">{{ scope.row.send }}</span>
                </span>
            </el-table-column>
            <el-table-column label="" width="100">
                <span slot-scope="scope">
                    <span
                        class=" din_alternatebold">{{ scope.row.receive }}</span>
                </span>
            </el-table-column>
        </el-table>
    
  </div>
</template>

<script>
    export default {
        name: 'SystemInformation',
        data() {
            return {
                tableData: [{
                    option: '视频编码',
                    send: 'VP8',
                    receive: 'VP8'
                }, {
                    option: '视频分辨率',
                    send: '1280 * 720',
                    receive: '1280 * 720'
                }, {
                    option: '视频帧率',
                    send: '30',
                    receive: '30'
                }, {
                    option: '视频抖动',
                    send: '3 ms',
                    receive: '3 ms'
                }, {
                    option: '视频丢包率',
                    send: '1%',
                    receive: '1%'
                }, {
                    option: '带宽',
                    send: '1.5 M',
                    receive: '768 kbps'
                }],
                tableData1: [{
                    option: '音频编码',
                    send: 'opus',
                    receive: 'opus'
                }, {
                    option: '音频抖动',
                    send: '3 ms',
                    receive: '3 ms'
                }, {
                    option: '音频丢包率',
                    send: '1%',
                    receive: '1%'
                }, ],
                tableData3: [{
                    option: '屏幕共享分辨率',
                    send: '1280 * 720',
                    receive: '1280 * 720'
                }, {
                    option: '屏幕共享帧率',
                    send: '30',
                    receive: '30'
                }, {
                    option: '屏幕共享抖动',
                    send: '3 ms',
                    receive: '3 ms'
                }, {
                    option: '屏幕共享丢包率',
                    send: '1%',
                    receive: '1%'
                }, {
                    option: '屏幕共享',
                    send: 'VP8',
                    receive: 'VP8'
                }, ],

            }
        }

    }
</script>

<style>
    .bg-light-2 th {
        background: #EBEEF5;
    }
</style>